{% extends 'demo_bootstrap/bootstrap.html' %}

{% load bootstrap3 %}

{% block style %}
    <style>
body { padding-top: 70px; }
    </style>
{% endblock %}

{% block bootstrap3_content %}
<div class="container">
    <nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="{% url 'home' %}">主页</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">示例<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="{% url 'formset_default' %}">formset</a></li>
                <li><a href="{% url 'form_default' %}">form</a></li>
                <li><a href="{% url 'form_by_field' %}">form_by_field</a></li>
                <li><a href="{% url 'form_horizontal' %}">form_horizontal</a></li>
                <li><a href="{% url 'form_inline' %}">form_inline</a></li>
                <li><a href="{% url 'form_with_files' %}">form_with_files</a></li>
                <li><a href="{% url 'pagination' %}">pagination</a></li>
                <li><a href="{% url 'misc' %}">miscellaneous</a></li>
              </ul>
            </li>
          </ul>

          <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-default">搜索</button>
          </form>

          <ul class="nav navbar-nav navbar-right">
            <li><a href="{% url 'icons' %}">icons</a></li>
              <li><a href="#">Messages <span class="badge">3</span></a> </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">wangsy <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

    {% autoescape off %}{% bootstrap_messages %}{% endautoescape %}

    {% block content %}这里填充你想填充的内容{% endblock %}
</div>

{% endblock %}
